<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#container{
                display: grid;
                grid-template-columns: 33.33% 33.33% 33.33%;;
  				grid-template-rows: 33.33% 33.33% 33.33%;;
				width: 80%;
				margin: 0 auto;
				border: 1px solid #00FFFF;
			}
			#container div{
				width: 100px;
				height: 100px;
				margin: 10px;
				background-color: gold;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<div id="d01">1</div>
			<div id="d02">2</div>
			<div id="d03">3</div>
			<div id="d04">4</div>
			<div id="d04">5</div>
			<div id="d04">6</div>
			<div id="d04" class="flex">7</div>
			<div id="d04">8</div>
		</div>
	</body>
</html>
